import React from 'react';
import {StyleSheet, View, Text} from 'react-native';

import LoginStatusMessage from './LoginStatusMessage';
import AuthButton from './AuthButton';
import Header from '../basic-components/Header'

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
});

class MainScreen extends React.Component {

  static navigationOptions = {
    header: (props) => <Header {...props}/>,
    title: '主页',
    barHeight: 300,
    headerRight:
      <View style={{flexDirection: 'row'}}>
        <Text style={{color: '#000'}}>more</Text>
      </View>,
    backgroundColor: '#ccc',
  };


  render() {
    return (
      <View style={styles.container}>
        <LoginStatusMessage/>
        <AuthButton/>
      </View>
    )
  }
}

export default MainScreen;
